<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:sec="http://www.springframework.org/security/tags"
	xmlns:p="http://primefaces.org/ui">

	<ul class="nav pull-left">
		<li>
			<h:form id="search" styleClass="navbar-search pull-right">
				<h:inputText placeholder="#{I18N.PH_LUCKYSEARCH}" 
					value="#{C_RECIPE_SEARCH.keyword}" styleclass="search-query" />
				<h:commandButton action="#{C_RECIPE_SEARCH.searchRecipe}" type="submit"
					style="margin-left:5px; margin-bottom: 15px;" styleClass="btn"
					value="#{I18N.L_SEARCH}" />
			</h:form>
		</li>
		<li>
			<sec:authorize ifAnyGranted="ROLE_USER">
			<h:form id="asearch">
			<ul class="nav nav-pills" style="margin-top: 8px;">
				<li class="dropdown"><a class="dropdown-toggle"
					data-toggle="dropdown" href="#"> Autres recherches<b
						class="caret"></b></a>
					<ul class="dropdown-menu">
						<li><a href="#" data-toggle="modal"><i class="icon-repeat" style="margin-right: 5px;"></i> Dernières créations</a></li>
						<li><a href="#" data-toggle="modal"><i class="icon-random" style="margin-right: 5px;"></i> Au hazard</a></li>
						<li><a href="#" data-toggle="modal"><i class="icon-star" style="margin-right: 5px;"></i> Meilleures notes</a></li>
						<li><a href="#" data-toggle="modal"><i class="icon-filter" style="margin-right: 5px;"></i> Recherche avancée</a></li>
					</ul>
				</li>
			</ul>
			</h:form>
			</sec:authorize>
		</li>
	</ul>
</ui:composition>
